<head>
<title>Test case for bug https://bugs.webkit.org/show_bug.cgi?id=85991</title>
<script src="../../resources/js-test.js"></script>
</head>
<style>
#outer {
    display: -webkit-box;
}
#inner {
    overflow: hidden;
    max-width: max-content;
    width: 0px;
    -webkit-box-flex: 60;
}
</style>

<div id="outer">
    <div id="inner">PASS</div>
</div>
<script>
description("Tests if the Deprecated Flex boxes with max-width: max-content and width:0 has non-zero calculated width");
var x = document.getElementById('inner');
var flexBoxDiv = x.getClientRects()[0];
shouldBeNonZero("flexBoxDiv.width");

//cleanup
var node = document.getElementById('inner');
node.parentNode.removeChild(node);
</script>
